/*
  viewport：可视窗口，也就是浏览器。
  vw Viewport宽度， 1vw 等于viewport宽度的1%
  vh Viewport高度， 1vh 等于viewport高的的1%
 */

div[class^="doc"] {
  h2 {
    font-size: 24px;
    line-height: 32px;
    padding: 7px 0;
    margin-top: 0;
    margin-bottom: 0;
    white-space: normal;
    color: #262626;
    word-spacing: 1px;
    font-weight: 700;
    letter-spacing: .05em;
  }

  h3 {
    text-indent: 1em;
    font-size: 16px;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 0;
    white-space: normal;
    color: #262626;
    word-spacing: 1px;
    font-weight: 700;
  }

  p {
    font-size: 14px;
    color: #262626;
    min-height: 24px;
    line-height: 24px;
    white-space: normal;
    margin: 0;
    letter-spacing: .05em;
    text-indent: 2em;
  }

  a {
    word-wrap: break-word;
    color: #1890FF;
    cursor: pointer;
  }

  strong {
    color: #F5222D;
  }

  img {
    max-width: 100%;
    max-height: 50vh;
    object-fit: contain;
    background: #fafafa;
    padding: 5px;
    border-radius: 5px;
    // TODO: cursor: pointer;
  }

  video {
    display: block;
    width: 100%;
    max-height: 450px;
    outline: none;
    margin: 0 auto;
    object-fit: contain;
    background: #fafafa;
    padding: 5px;
    border-radius: 5px;
  }

  ol {
    >li {
      text-indent: initial;
      margin-left: 4em;
      list-style: decimal;
    }
  }

  span {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
  }
}
